<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<style type="text/css">
   
      

     
      
      .father{
      	width: 100%;
      	height: 100px;
      	background-color:pink;
        /*固定定位：*/
              /*使用场景：网页头部 固定效果*/
              /*概念：使用其 当滚动条 滚动时 其元素 固定所在位置*/
      	position:fixed;
      	
      }

       .father1{
        width: 100%;
        height: 2000px;
        background-color:yellow;
      
        /*position: relative;*/
        
      }

    


	</style>
      

</head>
<body>
     <div class="father">
                 
  

     </div>
     <div class="father1">
                 
  

     </div>
    
    
    
      
  


</body>
</html>


